// 这是axios配置的模块
// import axios from 'axios'
// 配置axios基地址 全局方式的配置方式
// axios.defaults.baseURL = 'http://www.liulongbin.top:3008'
// export default axios

// ------ 创建axios实例的方式
import { Loading, Message } from 'element-ui'
import axios from 'axios'
import store from '@/store'
import router from '@/router'
const instance = axios.create({
  baseURL: 'http://www.liulongbin.top:3008'
})
// 两个拦截器中有对应的两个处理函数, 正确的请求或者正确的响应,都会经过函数1,
// 失败的请求或失败的响应会经过函数2
let loading
// 添加请求拦截器
instance.interceptors.request.use(function (config) {
  // 在发送请求之前做些什么
  // console.log('发送请求了')
  // config是每一次发送请求的配置对象, 这个对象有的headers就是请求头对象
  // 我们可以将token统一挂载到这个请求头中
  // console.log(config)
  // ---- startsWith 是检测字符串是否以某个字符开头
  // ---- endsWith 是检测字符串是否以某个字符结尾
  // ---- includes 是检测字符串是否包含某个字符
  if (config.url.startsWith('/my')) {
    config.headers.Authorization = localStorage.getItem('cms-token')
  }
  loading = Loading.service({
    lock: true, // 加载loading期间禁止页面滚动
    text: '加载中...', // 加载的提示文本
    spinner: 'el-icon-loading', // 加载loading的图标
    background: 'rgba(0, 0, 0, 0.7)' // 加载的背景色
  })
  return config
}, function (error) {
  // 对请求错误做些什么
  return Promise.reject(error)
})

// 添加响应拦截器
instance.interceptors.response.use(function (response) {
  // 对响应数据做点什么
  // 关闭loading
  console.log('正常响应')
  loading.close()
  return response
}, function (error) {
  // 对响应错误做点什么
  // console.log('异常响应')
  // error是响应失败的对象, 这个对象中有response是响应对象
  if (error.response.status === 401 && error.response.data.code === 1) {
    // 1. 提示token过期
    Message.warning('token过期,请重新登录')
    // 2. token清除
    localStorage.removeItem('cms-token')
    // 3. 个人信息清除
    // 手动导入的store === this.$store 手动导入的router === this.$router
    store.commit('user/setUserInfo', {})
    // 4. 回到登录页面
    router.push('/login')
  }
  console.dir(error)
  // 关闭loading
  loading.close()
  return Promise.reject(error)
})
export default instance
